<template>
	<view>
		<view class="example-body">
			<view class="uni-box-head">
				<uni-title type="h1" align="center" title="uni-app介绍"></uni-title>
			</view>
			
			<view class="uni-box">
				<uni-title class="h5" type="h5"  color="#cccccc" title="2021-05-20 18:39:11">
					<icon type="waiting" size="18"/>
				</uni-title>
			</view>
			
			<view>
			    <view class="uni-padding-wrap">
			        <view class="page-section swiper">
			            <view class="page-section-spacing"  >
			                <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
			                      <swiper-item v-for="(item, index) in items">
			    				<image class="logo" :src='item.url'></image>
			    			</swiper-item>
			            </swiper>
			       </view>
			    </view>
			   </view>
			</view>
			
			<view>
				<text class="uni-text" align="right">uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。DCloud公司拥有370万开发者用户，旗下uni-app有5万+案例、900款插件、50+微信/qq群，并且被阿里小程序工具内置，开发者可以放心选择。</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 5000,
				duration: 500,
				items: [
					{url: '../../static/images/elmlq.png' },
					{url: '../../static/images/elmlq.png' },
					{url: '../../static/images/elmlq.png' }
				]
			}
		},
		onLoad() {
		  console.log("dajiahao")
		},
		methods: {
			
		}
	}
</script>

<style>


</style>
